<template>
    <div>
        <p>
            文本插值:{{message}}
        </p>
        <p>
            JS表达式{{flag?'yes':'no'}} (只能是表达式，不能是类似ifelse的js语句)
        </p>
        <p :id="dynamicId">
            {{dynamicId}}
        </p>
        <p v-html="rawHtml">
            <!-- 具有xss风险： -->
            <span>
                注意使用v-html之后，将会覆盖子元素
            </span>
        </p>
    </div>
</template>
<script>
export default {
    data() {
        return {
            message:'hello ycd',
            flag:true,
            rawHtml:'指令-原始html<b>加粗</b><i>斜体</i>',
            dynamicId:`id-${Date.now()}`
        }
    },
}
</script>
<style>
    
</style>